﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    font-family:Trebuchet MS, Tahoma, Arial, Sans-Serif;
}

body {
    font-size:0.8em;
}

a, a:visited, a:link { color: #1972a9; outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}
a.active { color: #5b5b6e;}
.disabled-link { color: gray; }

a.rss { }
    a.rss img { vertical-align:middle; }

h2 { color:#1972A9; font-size:1.5em; }

h2 a.title { font-size:0.7em; }
h1 a.title { font-size:0.7em; }

.hidden {
    visibility:hidden;
    position:absolute;
    left:-10000px;
    top:-10000px;
}

/*Q-point*/
a.q { text-decoration:none; margin-left:0; }
acronym.q {
    color:#1972a9;
    cursor:pointer;
    font-size:1.2em;
    border-bottom:1px dotted #1972a9;
}

acronym.z {
    color:#1972A9;
    cursor:pointer;
    font-size:1.1em;
    border-bottom:1px dotted #1972a9;
}

br.clear { clear: both; }
b.normal { font-weight: normal; }

b.checkbox b input { margin:1px; }
b.radio b input { margin:1px; }

body { background: url(Images/body-bg.png) repeat-x; min-width:1000px; }

#logo { display:block; position:absolute; width:216px; height:112px; left:-230px; top:19px; background: url(/res/img/logo.png); }

.shutdownMessage {
    height:50px; font-size:2em;
    line-height:50px; color:red;
    border-bottom:1px solid #ddd;
}
    .shutdownMessage p { background:#FBFBFF; text-align:center; }

.warning-block { background-color: #FFF0E1; width: 600px; border: 1px solid #FFD3B0; padding: 5px 7px; margin-left: 20px; }
.warning-message { color: red; margin: 5px 7px; }

#question-status-img { background:url("Images/issue-statuses.png") no-repeat; height:16px; width:16px; vertical-align:top; margin-right:5px; }
    #question-status-img.waiting_approval { background-position:0 0; }
    #question-status-img.approved { background-position:0 -32px; }
    #question-status-img.rejected { background-position:0 -16px; }

#proposal-status-img { background:url("Images/issue-statuses.png") no-repeat; height:16px; width:16px; vertical-align:top; margin-right:5px; }
    #proposal-status-img.in_progress { background-position:0 0; }
    #proposal-status-img.approved { background-position:0 -32px; }
    #proposal-status-img.rejected { background-position:0 -16px; }

.question-status-waiting_approval { color:orange; }
.question-status-approved { color:green; }
.question-status-rejected { color:red; }

/* page message */
#message {
    position:absolute; overflow:hidden;
    width:200px; background:#f9f9f9;
    padding:12px; top:160px; right:10px;
    z-index:1000; cursor:pointer;
}

        #message .corners * {
            height:12px; width:12px; display:block; position:absolute;
            background:url("Images/corners-hsides-sprite.png") no-repeat;
        }

        #message .corners s { background-position: 0 0; top:0; left:0; }
        #message .corners b { background-position: -12px 0; top:0; right:0; }
        #message .corners u { background-position: -12px -12px; bottom:0; right:0; }
        #message .corners i { background-position: 0 -12px; bottom:0; left:0; }

        #message .sides * {
            display:block; position:absolute;
        }

        #message .sides s {
            background:url("Images/corners-hsides-sprite.png") 0 -24px repeat-x;
            height:12px; left:12px; top:0; right:12px;
        }
        #message .sides b {
            background:url("Images/vsides-sprite.png") -12px 0 repeat-y;
            width:12px; top:12px; right:0; bottom:12px;
        }
        #message .sides u {
            background:url("Images/corners-hsides-sprite.png") 0 -36px repeat-x;
            height:12px; left:12px; bottom:0; right:12px;
        }
        #message .sides i {
            background:url("Images/vsides-sprite.png") 0 0 repeat-y;
            width:12px; top:12px; left:0; bottom:12px;
        }

        #message .content { padding:5px 8px; }

        #message .close {
            background:url("Images//corners-hsides-sprite.png") -24px 0 no-repeat;
            position:absolute; top:15px; right:15px;
            cursor:pointer; display:block;
            height:7px; width:7px; z-index:1000;
        }
    /* user info */
#logged-panel {
        float:right;
        margin:0 20px 0 0;
        height:29px;
    }

    #logged-panel li {
        float:left; display:block;
        list-style:none; height:29px;
        background:url("Images/logged-panel-sprite.png?0") 0 -29px repeat-x;
        padding:0 10px; line-height:26px;

    }
    #logged-panel .q { color:#00a0e1; margin: 0; border-bottom:1px dotted #00a0e1; cursor:help; }
    #logged-panel a { color:#00a0e1; }
    #logged-panel b { color:#00a0e1; }

    #logged-panel li.head {
        background-position:0 0;
        background-repeat:no-repeat;
        width:10px; padding:0;
    }

    #logged-panel li.tail {
        background-position:-10px 0;
        background-repeat:no-repeat;
        width:10px; padding:0;
    }

    #logged-panel .separator {
        background:url("Images/logged-panel-sprite.png") -20px 0 no-repeat;
        width:1px; vertical-align:top; padding:0;
    }

    #qHelp { padding-bottom:10px; padding-left:10px; }
    #qHelp li { float:none; background:none; list-style:none; height:18px; }
    #qHelp b { color:black; }



#footer {
    display:block; height:55px;
    margin:20px 24px 0 24px;
    background: url(/res/img/forteko-logo.png) no-repeat;
}
    #footer a {
        height:52px;
        display: block;
        text-decoration:none;
    }
        #footer .forteko { width:110px; float:left; width:110px; }
        #footer .twitter { float:right; margin-left:10px;}
        #footer span.title { display:block; float:right; color:#aaa; line-height:35px; margin-top:6px; margin-left:5px; font-size:1.3em; }
            #footer .twitter a { background:url("/res/img/twitter_icon.jpg") no-repeat; width:35px; height:35px; margin:6px 25px 0 40px; float:left; padding:8px 0 0 40px; font-size:1.3em; vertical-align:bottom;}
        #footer .vkontakte { float:right; }
            #footer .vkontakte a { float:left; background:url("/res/img/vkontakte-icon.png") no-repeat; width:32px; height:32px; margin-top:7px; margin-left:10px;  padding:6px 0 0 40px; font-size:1.3em; }
    #footer b {
        display:block; font-weight:normal;
        height:1px; background: url(Images/hr-bg.gif) repeat-x;
        overflow:hidden;
    }
    #footer .memory { float:left; color:gray; margin-top: 20px; margin-left:400px; }

#content {
    /*position:relative;*/
    display:block; font-weight:normal;
    min-height:100px;
}
    #left {
        float:left;
        width: 270px;
        padding:0px 15px 0 24px;
        margin-right:15px;
    }

    #middle {
        margin-left:300px;
        padding-right:25px;
    }
    #middle #page-title {
        margin-top:-70px;
        height:50px; line-height:50px;
        font-size:2em;
        color:#0f8dd9;
    }

    #middle #page-title-hr {
        height:50px;
        overflow:hidden;
        background: url(Images/hr-bg.gif) repeat-x bottom;
        margin-bottom:20px;
    }

.test-comments-warning {
    margin-bottom:10px;
    padding: 5px 7px;
    border: 1px solid #dEdEdE;
    background: #F6F6F6;
}
#test-comments { width:600px; }
#test-comments .comments .comment-block .head { height:26px; }
#category-comments { width:600px; margin-top:10px; }
#category-comments .comments .comment-block .head { height:26px; }

.error-404 { width: 350px; margin:50px auto; }
    .error-404 h1 { font-size:4em; color: #0f8dd9; margin-right: 30px; float:left; }
    .error-404 h2 { font-size:1.3em; line-height:4em; }
    .error-404 .mount { background:white; padding:20px; }

.error-500 { width:650px; margin:50px auto; }
    .error-500 h1 { font-size:4em; color: #0f8dd9; margin-right: 30px; float:left; }
    .error-500 h2 { font-size:1.3em; line-height:4em; }
    .error-500 .mount { background:white; padding:20px; }
    .error-500 div#error { margin-top:10px; overflow: scroll; }

/* highlighting */
pre { margin: 0 0 10px 10px; font-size: 1.1em; }
pre.q-text { margin-left:0; }
pre.chili {
    font-size:13px;
    background-color:white; border:1px solid #dedede;
    padding:5px 5px; margin-top: 8px;
}
/*.java { font-size: 1.1em; }*/
/*.java .keyword { color: darkblue; }*/
/*.java .number { color: blue; }*/
/*.java .string { color: green; }*/

.striped {
    background: url(Images/stripes.gif) repeat;
    padding:9px;
}

#login-form { width: 345px;  margin: 30px auto;}
    #login-form form { padding:15px 30px 0 30px; }
    #login-form label { display:block; position:relative; height: 35px; color:black; }
    #login-form label input { position:absolute; right:0; top:0; }
    #login-form .buttons { text-align: center; }
        #login-form .buttons input { width:60px;}
        #login-form .buttons #register-link { float: left; }
        #login-form .buttons #recover-link { float: right; }
    #login-form .rememberMe { height:auto; text-align:center; position:static; margin: 0 0 10px 0; }
    #login-form .rememberMe input { vertical-align:middle; position:static; margin-bottom:3px; }

#register-form { width: 350px; margin:17px auto 0 auto; }
    #register-form form { padding:15px 30px 0 30px; }
    #register-form label { display:block; position:relative; height:40px; text-align:left; color:black; }
    #register-form label input { position:absolute; right:0; top:0; }

    #register-form .captcha { height:40px; margin-bottom:20px; position:relative; margin-top:-15px; }
        #register-form .captcha .captcha-img { position:absolute; top:3px; left:0; width:70px; height:40px; }
        #register-form .captcha label{ position: absolute; height:40px; top:0; right:0; }
        #register-form .captcha input { display:block; position:static; margin-top:4px; }

    #register-form .buttons { text-align:center; word-spacing:15px; }
    #register-form .buttons input { width:60px; }

#recover-form { width: 365px; margin:70px auto 0 auto; }
    #recover-form form { padding:15px 30px 0 30px; }
    #recover-form label { display:block; position:relative; height: 40px; color:black; }
    #recover-form label input { position:absolute; right:0; top:0; }
    #recover-form .buttons { text-align: center; word-spacing: 15px; }
    #recover-form .buttons input { width: 60px; }

.change-form { width: 320px; margin:70px auto 0 auto; }
    .change-form h1 { font-size: 2em; font-weight: normal; margin-bottom: 10px; color: #0f8dd9; }
    .change-form form { background: white; padding:20px; }
    .change-form label { display:block; position:relative; height: 40px; }
    .change-form label input { position:absolute; right:0; top:0; }
    .change-form .errors { color:red; margin-bottom:15px; line-height: 2em; }
    .change-form .buttons { text-align: center; word-spacing:15px; }
    .change-form .buttons input { width: 60px; }

#profile-form { width:445px; margin:50px auto; }
    #profile-form form { padding:15px 30px 0 30px; }
    #profile-form label { display:block; position:relative; height: 40px; width:350px; }
    #profile-form label input { position:absolute; right:0; top:0; }
    #profile-form label .checkbox { position:absolute; right:0; top:0; }
    #profile-form label textarea { height:75px; width:345px; font-size:1em; }
    #profile-form label select { position:absolute; left:148px; top:0; width:202px;  }
    #profile-form .buttons { text-align: center; word-spacing:15px; }
    #profile-form .buttons input { width: 60px; }

.dashboard-messages {
    background: url(/res/img/stripes.gif) repeat #C5C5FF;
    padding:3px;
    font-size:1.2em;
}
.dashboard-messages ul { background:#FBFBFF; padding:5px; }
.dashboard-messages ul li {
    color: #FF2222;
    margin: 5px;
    line-height: 150%;
}

.ad-block {
    background: url(Images/stripes.gif) repeat #C5C5FF;
    padding:3px;
    font-size:1.2em;
    width: 680px;
    margin: 10px auto 0 auto;
}
    .ad-block div {
        background:#FBFBFF;
        padding:10px;
    }
    .ad-block p {
        font-size: 1.3em;
        color: #0f8dd9;
    }
    .ad-block ul {
        list-style:circle;
    }
    .ad-block ul li {
        margin: 5px 5px 5px 20px;
        line-height: 150%;
    }

.aboutQ {
    width:auto;
    font-size:1em;
}

    .aboutQ ul li{ line-height:110%; }    

.catalog-title { font-size: 1.7em; color: #0f8dd9; margin: 0 0 10px 10px; }
.catalog-separator { background:url('Images/catalog-separator.png') repeat-x; height: 17px; }
.test-catalog { overflow: auto; margin-top: 10px; padding-left: 10px;}
    .test-catalog .report { font-size: 1.2em;  margin-top: 10px; }
    .test-catalog .category { padding: 0 5px; }
    .test-catalog .category.opened { padding-bottom:20px; }
    .test-catalog .category.closed { padding-bottom:1px; }
    .test-catalog .category h3 { font-size:1.5em; color:black; margin: 10px 0; }
    .test-catalog .category h3 a { text-decoration: none; }
    .test-catalog .category h3 a:hover { text-decoration:underline; }
    .test-catalog .category h3 img { cursor:pointer; vertical-align:bottom; height:12px; width:12px; padding-bottom:6px; padding-right:6px; }
    .test-catalog .category.closed h3 img { background:url('Images/plus.png') no-repeat; }
    .test-catalog .category.opened h3 img { background:url('Images/minus.png') no-repeat; }
    .test-catalog .category ul { margin-left:20px; }
    .test-catalog .category ul li { list-style-image:url("Images/ball.png"); }  /* color:#0f8dd9; */
    .test-catalog .category ul li.passed { list-style-image:url("Images/tick.png"); }
    .test-catalog .category ul li a { font-size: 1.1em; color:#1972a9; text-decoration:none; }
    .test-catalog .category ul li a:hover { text-decoration:underline; }
    .test-catalog .column { width: 33%; float: left; }

.job-role-catalog { overflow: auto; margin-bottom: 15px; }
    .job-role-catalog ul { margin: 0 0 10px 15px; }
    .job-role-catalog ul li a { font-size: 1.5em; color:#1972a9; text-decoration:none; margin-bottom: 10px; }
    .job-role-catalog ul li a:hover { text-decoration: underline; }
    .job-role-catalog .column { width: 33%; float: left; }


.marker-red, .marker-gray { font-size:11px; vertical-align:top; margin-left:2px; }
.marker-red { color: red; }
.marker-gray { color: gray; }

#category-tests { float:right; width:270px; margin:0 0 20px 15px; font-size:0.9em}
    #category-tests .content { padding:8px 4px 4px; background:#eee; }
    #category-tests .content table {}
        #category-tests .content table tr { background:#F6F6F6; }
        #category-tests .content table tr.even { background:#FBFBFB; }
        #category-tests .content table tr td { font-size:1.1em; border-bottom:1px solid #eee; text-align:left; width:1%; padding:2px 8px; color:#333; }

.test-page { position: relative; }

    p.results { font-size: 1.2em;  margin-top: 8px; }

    #test-info { width:270px; margin:14px 0 10px 10px; }
    #test-info .content { padding:8px 4px 2px; background:#eee; }

    table.report {
        font-size:1em;
    }
        table.report th { background:#ddd; padding:2px 0; text-align:center; font-weight:bold; border-bottom:1px solid #eee; }
        table.report tr.category td { font-size:1.1em; text-align:center; border:none; }
        table.report tr.category td span { font-size:0.9em; }
        table.report tr { background:#F6F6F6; }
        table.report tr.even { background:#FBFBFB; }
        table.report td { border-bottom:1px solid #eee; width:1%; padding:2px 4px; color:#333; text-align:center; }
        table.report td:first-child { width:1%; text-align:right; padding: 2px 4px; border-right:1px solid #eee; color:gray; }

    .test-page .pass-stats  {
        font-size:1.6em;
        height:50px;
        line-height:50px;
        margin:15px 2px;
    }
    .test-page .linkButton {
        line-height:30px;
        margin:10px 0;
        width:auto;
        float:left;
    }
    .test-page .linkButton input {
        font-size:1.3em; padding:2px; 
        cursor: pointer;
    }

    .test-page .proposalButton { text-align:center; }
    .test-page .proposalButton input { font-size:1.3em; padding:2px; cursor:pointer; margin:10px 0 0 8px; }

    .test-page .description { margin-top: 15px; }
    .test-page .dashboard-messages { margin-top:10px; }

#test-result { }
    #test-result h1 { font-size: 1.8em; }
    #test-result .passed { color: green;}
    #test-result .failed { color: red;}
    #test-result .requiredCorrectAnswers { color:gray; margin-left:15px; }
    #test-result .quizPassDate { color:gray; margin-left:15px; }
    
    #test-result .brief p { margin: 7px 0; }

.topic-breakdown { margin-top:5px; }
    .topic-breakdown .title { background: #F1F1F1; }
    .topic-breakdown th { padding:5px 80px 5px 3px; }
    .topic-breakdown td { padding:5px 3px; }


/* question-result */
.question-result .question {
    zoom:1;
    margin: 15px 0; padding:10px 15px 5px 5px;
}
.question-result .correct { background: #F5FFF5; zoom:1; }
.question-result .incorrect { background: #FFF5F5;}
.question-result .correct .question-text { background: url( Images/answered.gif ) no-repeat; }
.question-result .incorrect .question-text { background: url( Images/wrong.gif ) no-repeat; }

.question-result div.question-text {
    font-size: 1.3em;
    padding-left: 25px;
    margin:0 5px 10px 5px;
}

.question-result div.question-topic {
    float:right;
    margin-left:10px;
    color:#444444;
}

.question-result .text-answer { margin-left: 30px; }
    .question-result .text-answer p { margin: 5px 0; }

.question-result ul.answers {
    list-style: none;
    margin-left: 30px;
}
    .question-result ul.answers li { padding: 3px 0 5px 0; border-bottom: 1px solid #E1E1E1; }
    .question-result ul.answers li.last { border:none; padding-bottom: 10px; }

    .question-result ul.answers li p {
        display:inline;
        padding: 0 0 0 20px;
        font-weight: normal;
    }

    .question-result ul.answers li p.correct { background: url( Images/correct.gif ) no-repeat; }

.question-result p.explanation { margin:7px 5px 7px 30px; font-style: italic; }
.question-result .footer { border-top: 1px solid #E1E1E1; padding:0 7px; height:20px; line-height:20px; }
.question-result .footer span.author { margin-right:5px; float: right; }
.question-result .question-comments { background:white; padding:3px; margin-top:5px; width:600px; }
.question-result .question-comments .comments .comment-block .head { height:26px; }
.question-result .hidden { display:none; }

/* rating */
.question-rating {}
.question-rating img.up, .question-rating img.down {
    background: url( Images/up_down.gif ) no-repeat;
    width:11px; height:15px; margin: 0 7px;
    vertical-align:middle; cursor:pointer; 
}
.question-rating img.down { background-position: -11px top; }

.question-rating .disabled img.up, .question-rating .disabled img.down { cursor:auto; }
.question-rating .disabled img.up { background-position: right top; }
.question-rating .disabled img.down { background-position: -22px bottom; }

/* test construction rating */
.test-rating { }
    .test-rating img.rateTest, .under-construction img.rateTest {
        background: url( Images/plus.gif ) no-repeat;
        width:13px; height:13px; margin:-2px 7px 0;
        vertical-align:middle;
        cursor:pointer;
    }
    .test-rating .disabled img.rateTest, .under-construction .disabled img.rateTest {
        cursor:auto;
        background-position: right top;
    }

.table-form {
    background:white;
    width:100%;
}
    .table-form .title {
        font-size: 2em; color: #0f8dd9;
        padding: 5px 15px;
    }
    .table-form .errors {
        padding: 5px 15px;
        color:red; line-height: 2em;
    }
    .table-form .buttons {
        text-align:center; word-spacing:15px;
        height:60px; line-height:50px; padding-bottom:10px;
    }
    .table-form .buttons input { width:60px; }
    .table-form th.field {
        color: #808080;
        padding: 3px 5px 4px 15px;
    }
    .table-form td.field {
        padding: 3px 15px 4px 5px;
    }
    .table-form td.merged-field {
        padding: 3px 15px 4px 15px;
    }

    .table-form textarea { font-size:13px; }

#contributor { position: relative; }
.contributor { margin: 0; position: absolute; z-index: 1000; background-color:#E1E1E1; padding: 10px;}
    .contributor p { margin: 10px 0; }
    .contributor .value { width: 168px; }
    .contributor .buttons { text-align: center; }
    .contributor textarea { font-size:13px; width:168px; height: 50px; }

/*grid*/
.grid {
    width:100%;
    background-color: white;
    border-collapse:separate;
    border-spacing:1px;
}

    .grid .head {
        background-color: #0c7dbf;
        height:25px; line-height:30px;
        padding:0 7px;
        color:white; font-weight:bold; font-size:1.1em;
    }

    .grid .head:first-child { -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
    .grid .head:last-child { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

    .grid .grid_row1, .grid .grid_row2 {
        height:15px; padding:5px 7px;
        background:#f1f1f1;
    }
    .grid .grid_row2 { background-color: white; }

.fieldset {
    width:100%;
    background:white;
    border-collapse:separate; border-spacing:1px;
}

    .fieldset .title {
        width:25%;
        background:#f1f1f1;
        text-align:left;
        padding:5px 7px 5px 7px;
    }

    .fieldset .value {
        width:74%;
        background:#f6f6f6;
        text-align:left;
        padding:5px 7px 5px 7px;
    }

    div.fieldset_title {
        width:470px;
        background-color: #0c7dbf;
        height:30px; line-height:30px;
        padding:0 7px;
        color:white; font-weight:bold; font-size:1.1em;
        -moz-border-radius:4px 4px 0 0;
    }


/*ROUNDED FORM*/

.rform {
    padding:8px; position:relative;
    background:#eee;
    margin:50px auto;    
}

    /*аЃаГаОаЛаКаИ*/
    .rform .corners * {
        width:8px; height:8px; display:block; position:absolute;
        background:url("Images/form-sprite.png") no-repeat;
    }
        .rform .corners s { top:0; left:0; }
        .rform .corners b { background-position:0 -16px; top:0; right:0; }
        .rform .corners u { background-position:0 -24px; bottom:0; right:0; }
        .rform .corners i { background-position:0 -8px; bottom:0; left:0; }

    /*аЂаАаЙб�Л*/
    .rform .title { height: 30px; }
        .rform .title b {
            height:30px;display:block; text-align:center;
            line-height:30px; font-size:1.4em; font-weight:normal; color:#419fdd;
            background:url("/res/img/form-sprite.png") 0 -32px repeat-x;
        }
        .rform .title .head { background:url("Images/form-sprite.png") 0 -62px no-repeat; width:4px; height:30px; float:left}
        .rform .title .tail { background:url("Images/form-sprite.png") -4px -62px no-repeat; width:4px; height:30px; float:right;}

    /*а��ИаБаКаИ*/
    .rform .errors {
        background:white; color:red; font-size:1em; padding:5px 0 5px 25px;
        border-width:1px 0; border-color:#eee; border-style:solid;
    }

    /*а�ОаНб�ЕаНб�/
    .rform .content { background:#f9f9f9; padding:10px;}

#replyFeedback { width:550px; margin-bottom:20px; }
    #replyFeedback textarea { width:100%; height:130px; }
    #replyFeedback .text { min-height:120px; background:white; padding:5px; border:1px solid #DDE; margin-top:7px; margin-bottom: 15px; }
    #replyFeedback p.buttons { margin-top:10px; text-align:center; }


#edit-question { float:left; padding:13px 0 20px; width:460px; border-top:1px dotted gray; border-bottom:1px dotted gray; display:none; margin-bottom:20px; }
   #edit-question h2 { font-size:1.4em; font-weight:normal; }
   #edit-question p { margin-top:10px; }
   #edit-question .errors { font-size:1em; }
   #edit-question select { width:460px; margin-top:10px;}
   #edit-question .qtext { background:#F5F5FF; height:110px; padding:10px 30px 15px 25px; _padding:10px 30px; margin-top:12px;}
   #edit-question .qtext textarea { width:400px; height:110px; }
   #edit-question .question-description { background:#F5F5FF; height:80px; padding:10px 30px 15px 25px; _padding:10px 30px; margin-top:12px; }
   #edit-question #question-description { width:400px; height:80px; }
   #edit-question #question-answers { overflow:hidden; }
   #edit-question .answer { height:60px; margin:12px 0; padding:10px 0 15px 0; _padding:10px 0;}
   #edit-question .answer .check { float:left; padding:0 5px}
   #edit-question .answer .answertext { float:left; }
   #edit-question .answer .answertext textarea { height:60px; width:400px }
   #edit-question .answer .pic { float:left; margin-left:5px; }
   #edit-question .answer .pic img { cursor:pointer; }
   #edit-question .correct { background: #F5FFF5; }
   #edit-question .incorrect { background: #FFF5F5;}
   #edit-question .errors { color:red; }
   #edit-question .buttons { text-align:center; margin-top:0;}
   #edit-question .table { text-align:left; padding:10px 5px 0; vertical-align:top; margin-left:1px;}
   #edit-question .table input.check { padding-left:2px;}
   #edit-question .buttons { width:auto; height:40px; /*overflow:hidden; }*/
   #edit-question .buttons input { float:right; font-size:1.2em; margin:10px 5px 0; }
   #edit-question .buttons a { margin:14px 5px 0; float:right; cursor:pointer; }
   #edit-question .buttons a.add { float:left; }
   #edit-question .buttons img.add { background:url("Images/plus.gif") no-repeat; height:13px; width:13px; float:left; margin-top:15px; cursor:pointer; }
   #edit-question .buttons img.preview { background:url("Images/preview.gif") no-repeat; width:21px; height:21px; float:right; margin-top:12px; cursor:pointer}
.edit-your-question { font-size:1.4em; color:#1972a9; cursor:pointer; text-decoration:underline; padding-bottom:15px; display:block;}

#question-preview { margin-left:500px; padding-top:10px; display:none; }
    #question-preview p.title { margin:11px 0; }
    #question-preview p.q-text { margin:10px 0; padding:8px; background:#F5F5FF; font-size:1.1em; }
    #question-preview ul { margin:10px 0; }
    #question-preview ul li { background: #FFF5F5; padding:8px; margin-bottom:5px; font-size:1.1em; }
    #question-preview ul li.correct { background: #F5FFF5; }
    #question-preview p.desc-text { margin:10px 0; padding:8px; background:#F5F5FF; font-size:1.1em; }
    #question-preview pre { width:100%; margin:0; padding:0; }

#question-comments { width:700px; }
.comments-count { margin-left: 7px; color: gray; }

#test-permission-form { width: 375px; margin:70px auto 0 auto; }
    #test-permission-form h1 { font-size: 2em; font-weight: normal; margin:0 auto 10px auto; color: #0f8dd9; }
    #test-permission-form form { background: white; padding:20px; }
    #test-permission-form label { display:block; position:relative; height: 40px; }
    #test-permission-form .errors { color:red; margin-bottom:15px; line-height: 2em; }
    #test-permission-form .buttons { text-align: center; word-spacing: 15px; }
    #test-permission-form .buttons input { width: 70px; }

.filter-form { width: 100%; background:white; }
    .filter-form .buttons {
        text-align:center; word-spacing:15px;
        line-height:30px; padding-bottom:10px;
        padding-left: 15px;
    }
    .filter-form .buttons input { width:60px; }
    .filter-form label { margin-right:10px; height:16px; }
    .filter-form label input { vertical-align:middle; height:16px; }

#editPoll { width:320px; margin:70px auto; }
    #editPoll form { padding:10px; background:white;}
    #editPoll .errors { color:red; margin:5px 0;}
    #editPoll label input { width:280px; }
    #editPoll .buttons { text-align:center; word-spacing:15px; margin-top:10px;}
    #editPoll .buttons input { width:60px; }

#tipForm { width:320px; margin:70px auto; }
    #tipForm form { padding:10px; background:white; }
    #tipForm .errors { color:red; margin:5px 0;}
    #tipForm textarea { font-size:13px; height:80px; width:295px; }
    #tipForm .buttons { text-align:center; word-spacing:15px; margin-top:10px;}

#vipForm { width:350px; margin:70px auto; }
    #vipForm form { padding:10px; background:white; }
    #vipForm .errors { color:red; margin:5px 0;}
    #vipForm textarea { font-size:13px; width:325px; height:80px; }
    #vipForm .buttons { text-align:center; word-spacing:15px; margin-top:10px;}

#faqForm { width:500px; margin:70px auto; }
    #faqForm label { display:block; margin-bottom:10px; }
    #faqForm label textarea { width:475px; }
    #faqForm .buttons { text-align:center; word-spacing:15px; margin-top:10px; }

#domainForm { width:400px; margin:10px auto; }
    #domainForm form { padding:10px; background:white; }
    #domainForm .errors { color:red; margin:5px 0; }
    #domainForm textarea { width:375px; height:75px; }
    #domainForm .buttons { text-align:center; word-spacing:15px; margin-top:10px;}

#announcementForm { width:400px; margin-top:20px; }
    #announcementForm h2 { margin-bottom:15px;}
    #announcementForm p { margin-bottom:15px; font-size:1.1em; padding:8px 10px; background:url("/res/img/sidebar/block-sprite.png") repeat-x 0 -20px; width:188px; border:1px solid #accce7; }
    #announcementForm form .errors { color:red; margin:5px 0;}
    #announcementForm form label { display:block; margin-bottom:5px; vertical-align:bottom; line-height:1.5em;}
    #announcementForm form textarea { width:400px; height:80px; font-size:1em; margin-top:5px;}
    #announcementForm form .buttons input { margin-right:15px; }

#faq-page { max-width:700px; margin-top:20px; }
    #faq-page .faq { margin-bottom:10px; }
    #faq-page .faq h3 { margin-bottom:5px; height:auto; }


#issues-view { width:950px; }
#issues-view .results {  margin-bottom:10px; font-size:1.1em;}
    #issues-view .results span { font-weight:bold; color:#1972A9; }

    #issues-view .issue { border:1px solid #bbb; margin:10px 0;}
        #issues-view .issue .info { padding:5px; background:#f6f6f6; cursor:pointer; }
            #issues-view .issue .info img { background:url("Images/issue-statuses.png") no-repeat; height:16px; width:16px; vertical-align:top; margin-right:5px; }
            #issues-view .issue .info img.closed { background-position:0 -32px; }
            #issues-view .issue .info img.open { background-position:0 -16px; }
            #issues-view .issue .info img.in_progress { background-position:0 0; }
            #issues-view .issue .info .date { margin-right:20px; color:gray; }
            #issues-view .issue .info .title { color:black; }
            #issues-view .issue .info .creator { color:gray; }
            #issues-view .issue .info .assignee { float:right; color:#419FDD; }
        #issues-view .issue .details { padding:6px; display:none; }
            #issues-view .issue .details .text { margin-bottom:10px; }
            #issues-view .issue .details .controls { text-align:left; margin-bottom:3px; }

#issues-filter { background:#f6f6f6; width:350px; padding:10px; margin-bottom:10px; }
    #issues-filter label { text-align:right; display:block; margin-top:5px; }    
    #issues-filter label input { width:200px; }
    #issues-filter label.myactions { text-align:center; margin:10px 0; padding-left:35px; }    
    #issues-filter label.myactions input { vertical-align:middle; width:auto; }    
    #issues-filter .buttons { text-align:center; margin-top:10px; }
    #issues-filter .statuses, .types {
        display:none;
        border: 1px solid gray;
        z-index:1000;
        position: absolute;
        background:#EEE;
        padding:3px;
    }
    #issues-filter .statuses label { display:block; text-align:left; }
    #issues-filter .statuses label input { width:auto; }
    #issues-filter .types label { display:block; text-align:left; }
    #issues-filter .types label input { width:auto; }

/*CONSTRUCTION TESTS*/

#tests-under-construction p { margin: 10px 0; }

.candidates { margin-top:10px; margin-bottom: 20px;}
    .candidates .test-rating tr { background:#FBFBFB; font-size:1em;}
        .candidates .test-rating tr td { border:1px solid white; }
        .candidates .test-rating tr.even { background:#f6f6f6; }
        .candidates .test-rating td { padding:3px 5px; border-right:1px solid white; white-space:nowrap;}
        .candidates .test-rating td.votes { text-align:right; padding-right:0;}
        .candidates .test-rating th { padding:3px 5px; background:#eee; border-right:1px solid white; white-space:nowrap; font-weight:bold; }

.constructing { float:left; width:260px; }
    .constructing .under-construction { margin-top:11px; }
    .constructing p { margin-top:10px; }
        .constructing .under-construction tr { background:#FBFBFB; }
        .constructing .under-construction tr td { border:1px solid white; }
        .constructing .under-construction tr.even { background:#f6f6f6; }
        .constructing .under-construction td { padding:3px 4px; border-right:1px solid white; white-space:nowrap;}
        .constructing .under-construction th { padding:3px 4px; background:#eee; border-right:1px solid white; white-space:nowrap; font-weight:bold; }

.addQuestion { margin-left:280px; display:none; }
    .addQuestion #edit-question { border:none; }

/* dashboard filter */
#filter-block {
    position:relative;
    margin-top:40px;
    margin-left:10px;
    width:560px;
    font-size:14px;
    padding-bottom:1px;
    zoom:1;
}

#filter-button-block {
    width:100px;
    color:#0f8ddf;
    padding:4px 6px;
    background-color: #f9f9f9;
    height:17px;
    position:absolute;
    top:-25px; left:0;
    cursor:pointer;    
}

.button-block-opened { border: 1px solid #e7e7e7; border-bottom: 0; }
.button-block-closed { border: 1px solid #e7e7e7; }

#filter-button-block .filter_img {
    display:block;
    position:absolute;
    width:20px;
    top:0;
    right:0;
    border-left: 1px solid #e7e7e7;
}

#filter-button-block .filter_img.opened {
    background:url('Images/tests-filter-corners.png') -8px 0 no-repeat;
    height:24px;
    border-bottom: 1px solid #e7e7e7;
}

#filter-button-block .filter_img.closed {
    background:url('Images/tests-filter-corners.png') -28px 0 no-repeat;
    height:25px;
}

#tests-matched-message { position:absolute; left:130px; top:-22px; font-size:13px; color:gray; }

#filter-block .content {
    display:none;
    padding:5px;
    overflow:hidden;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
}

#filter-block .content table { line-height:25px; }
#filter-block .content table select { width:60px; }
#filter-block .content table tr td + td { padding-left:10px; text-align:right; }

#filter-block .content input[type=text] { width: 120px; }
#filter-block .content .test-text-column { float:left; display:inline; line-height:25px; }
#filter-block .content .checkbox-column { margin-left:20px; margin-right:20px; float:left; }

.corners * {
    width: 4px; height:4px; display:block; position:absolute;
    background:url('Images/tests-filter-corners.png') no-repeat;
}

.corners s { background-position: 0 -6px; top:0; left:0; }
.corners.outer s { top:-1px; left:-1px; }
.corners b { background-position:-4px -6px; top:0; right:0; }
.corners.outer b { top:-1px; right:-1px; }
.corners u { background-position:-4px -10px; bottom:1px; right:0; }
.corners.outer u { bottom:-1px; right:-1px; }
.corners i { background-position:0 -10px; bottom:1px; left:0; }
.corners.outer i { bottom:-1px; left:-1px; }

#tests-empty-message {
    display: none; margin-top: 15px; color: gray; font-size: 18px;
}

#moderator-form {
    margin-top: 15px;
    margin-left: 20%;
    font-size:1.1em;
}
    #moderator-form ul { list-style:inside; }
    #moderator-form textarea { height:60px; width:400px; }
    #moderator-form p { margin-top:10px; }
    #moderator-form .errors { display:none; color:red; }
    #moderator-form .buttons { margin-top: 5px; }
        #moderator-form .buttons input { width:70px; margin-right:10px; }

#test-moderators { width:270px; margin: 20px 0 0 10px; }
    #test-moderators .content { text-align:left; line-height:25px; }

#last-certificates { width:270px; margin: 20px 0 0 10px; }
    #last-certificates table {  }
    #last-certificates table tr { background:#F6F6F6; }
    #last-certificates table tr.even { background:#FBFBFB; }
    #last-certificates table td { border-bottom:1px solid #EEEEEE; padding:2px 4px; }
    #last-certificates table tr td.date { width:1%; text-align:left; color:gray; }
    #last-certificates table tr td.login { width:99%; text-align:left; }

#edit-profile-page { position:relative; width:698px; padding:8px 8px 0 8px; background-color:#e3e3e3; /*border:8px solid #e3e3e3;*/ margin-top:20px; }
    #edit-profile-page > .corners * {
        width:8px; height:8px; display:block; position:absolute;
        background:url("Images/edit-profile-corners.png") no-repeat;
    }
    #edit-profile-page > .corners s { top:0; left:0; }
    #edit-profile-page > .corners b { background-position:-8px 0; top:0; right:0; }
    #edit-profile-page > .corners u { background-position:-8px -8px; bottom:0; right:0; }
    #edit-profile-page > .corners i { background-position:0 -8px; bottom:0; left:0; }

.singleProfileForm { background-color:#e1e1e1; overflow:hidden; }
    .singleProfileForm > p { /*border-top:1px solid white;*/ color:#4f4f4f; font-size:1em; line-height:40px; margin:0; padding:0 28px; }
    .singleProfileForm .title { cursor:pointer; background:url('Images/edit-profile-title-bg.png') repeat-x; height:32px; }
        .singleProfileForm .title b { font-weight:normal; font-size: 1.1em; font-family:Arial,serif; color:#5295c4; margin:7px 0; float:left; }
        .singleProfileForm .title .arrow { background:url("Images/right_arrow.png") no-repeat; float:left; height:7px; width:7px; margin:12.5px 10px; }
        .singleProfileForm .title .arrow.opened { background:url("Images/bottom_arrow.png") no-repeat; }
    .singleProfileForm .content .errors { background-color:white; color:red; text-align:center; line-height: 25px; border:1px solid #e8e8e8; border-top:none; }
    .singleProfileForm .content form { background-color:#f6f6f6; padding:10px 40px 15px; border:1px solid #e3e3e3; border-top:none; }
    .singleProfileForm .content form .buttons { text-align:center; }
    .singleProfileForm .content form .buttons input { height:22px; width:87px; }

#profile-personal-form { position:relative; }
    #profile-personal-form .corners * {
        width:4px; height:4px; display:block; position:absolute;
        background:url("Images/edit-profile-corners.png") no-repeat;
    }
    #profile-personal-form .corners s { background-position:0 -16px; top:0; left:0 }
    #profile-personal-form .corners b { background-position:-4px -16px; top:0; right:0 }

    #profile-personal-form .personal-data { width:100%; }
    #profile-personal-form .personal-data td { padding:7px 0; font-size:1em; }
    #profile-personal-form .personal-data td select { width:180px; }
    #profile-personal-form textarea { font-size:1em; }

#profile-password-form {}
    #profile-password-form .content form { padding-top:15px; }
    #profile-password-form label { display:block; position:relative; height: 40px; width:350px; margin-right:auto; margin-left:auto; }
    #profile-password-form label input { position:absolute; right:0; top:0; width:200px; }

#profile-email-form {}
    #profile-email-form .content form { padding-top:15px; }
    #profile-email-form label { display:block; position:relative; height: 40px; width:350px; margin-right:auto; margin-left:auto; }
    #profile-email-form label input { position:absolute; right:0; top:0; width:200px; }

#profile-notifications-form {}
    #profile-notifications-form label { margin-left:auto; margin-right:auto; }
    #profile-notifications-form label.notifications { margin-right:50px; }
    #profile-notifications-form .content input[type=checkbox] { margin-right:15px; }
    #profile-notifications-form .content form { text-align:center; }
    #profile-notifications-form .content form .buttons { margin-top:15px; }

#profile-privacy-form {}
    #profile-privacy-form form { padding-left: 80px; padding-right:80px; }
    #profile-privacy-form table { width:100%; }
    #profile-privacy-form table td { padding:5px 0; font-size:1em; width:50%; }
    #profile-privacy-form table td input[type=radio] { margin-right:5px; }
    #profile-privacy-form .buttons { margin-top:15px; }

.question-page {
    zoom:1;
    margin: 15px 0; padding:10px 15px 5px 5px;
    background-color: #F5FFF5;
}
.question-page div.question-text {
    font-size: 1.3em;
    padding-left: 5px;
    margin:0 5px 10px 5px;
}

.question-page div.question-topic {
    float:right;
    margin-left:10px;
    color:#444444;
}

.question-page .text-answer { margin-left: 30px; }
    .question-page .text-answer p { margin: 5px 0; }

.question-page ul.answers {
    list-style: none;
    margin-left: 30px;
}
    .question-page ul.answers li { padding: 3px 0 5px 0; border-bottom: 1px solid #E1E1E1; }
    .question-page ul.answers li.last { border:none; padding-bottom: 10px; }

    .question-page ul.answers li p {
        display:inline;
        padding-left:10px;
        font-weight: normal;
    }

.question-page p.explanation { margin:7px 5px 7px 30px; font-style: italic; }
.question-page .footer { border-top: 1px solid #E1E1E1; padding:0 7px; height:20px; line-height:20px; }
.question-page .footer span.author { margin-right:5px; float: right; }
.question-page .question-comments { background:white; padding:3px; margin-top:5px; width:600px; }
.question-page .question-comments .comments .comment-block .head { height:26px; }
.question-page .hidden { display:none; }

#question-list { max-width:900px; }
    #question-list table { width:100%; font-size:1.1em; }
        #question-list table th { background:#EEEEEE; padding: 3px 5px; border:1px solid white; }
        #question-list table tr { background:#F6F6F6; }
        #question-list table tr.even { background:#FBFBFB; }
        #question-list table td { padding: 3px 5px; border:1px solid white; }
        #question-list table td.author { width:17%; }
    
#error-panel .a-block { margin-bottom:20px; overflow:hidden; padding:8px; position:relative; }    
    #error-panel .a-block.pink { margin:10px 0; }
    #error-panel .a-block.pink .corners * { background-image:url(Images/block-sprite-pink.png); background-repeat:no-repeat; }
        #error-panel .a-block .corners s { background-position:0 0; left:0; top:0; }
        #error-panel .a-block .corners b { background-position:-11px 0; right:0; top:0; }
        #error-panel .a-block .corners u { background-position:-11px -10px; bottom:0; right:0; }
        #error-panel .a-block .corners i { background-position:0 -10px;bottom:0;left:0; }
    #error-panel .a-block.pink .sides * { background:#FFF0E1 none repeat scroll 0 0; border-color:#FFD3B0; }
        #error-panel .a-block .sides s { border-bottom:1px solid #ACCCE7;height:7px; left:11px; right:11px; top:0; }
        #error-panel .a-block .sides b { border-left:1px solid #ACCCE7; bottom:10px; right:0; top:10px; width:8px; }
        #error-panel .a-block .sides u { border-top:1px solid #ACCCE7; bottom:0; height:7px; left:11px; right:11px; }
        #error-panel .a-block .sides i { border-right:1px solid #ACCCE7; bottom:10px; left:0; top:10px; width:8px; }
    #error-panel .a-block.pink .content { background:transparent url(Images/block-sprite-pink.png) repeat-x scroll 0 -20px; color:red; font-size:1.2em; padding:8px 12px;
}